<div>
    <div class="pannel">
        <div class="pannel-head">
            <p>
                <span class="title">日志管理</span>/日志详情
            </p>
        </div>
    </div>
    <div class="log-detail">
        <div class="log-detail-left">
            <h3><i style="color: #FFB359;" nz-icon nzType="exclamation-circle" nzTheme="fill"></i>日志详情</h3>
            <div class="validate-form">
                <div class="form-item">
                    <label class="form-label">日志ID</label>
                    <div class="form-input">
                        <input nz-input disabled />
                    </div>
                    <label class="form-label">日期</label>
                    <div class="form-input">
                        <input nz-input disabled />
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">日志类型</label>
                    <div class="form-input">
                        <input nz-input disabled />
                    </div>
                    <label class="form-label">日志源</label>
                    <div class="form-input">
                        <input nz-input disabled />
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">步骤名称</label>
                    <div class="form-input">
                        <input nz-input disabled />
                    </div>
                    <label class="form-label">持续时间</label>
                    <div class="form-input">
                        <input nz-input disabled />
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">消息</label>
                    <div class="form-input">
                        <textarea nz-input disabled ></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="log-detail-right">
            <div class="timeline">
                <div class="timeline-item">
                    <div class="time">
                        2020.03.08<br>18:58<br>开始采集
                    </div>
                    <div class="line">
                        <span class="line1"></span>
                        <span class="circle"></span>
                        <span class="line2"></span>
                    </div>
                    <div class="content">
                        <div>开始采集防火墙数据，设备：360安全防火墙</div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="time">
                        2020.03.08<br>19:21<br>收集漏洞
                    </div>
                    <div class="line">
                        <span class="line1"></span>
                        <span class="circle"></span>
                        <span class="line2"></span>
                    </div>
                    <div class="content">
                        <div>
                            收集到漏洞：SQL注入漏洞<br>
                            SQL注入攻击包括通过输入数据从客户端插入或“注入”SQL查询到应用程序。一个成功的SQL注入攻击可以从数据库中获取敏感数据、修改数据库数据（插入/更新/删除）、执行数据库管理操作（如关闭数据库管理系统）、恢复存在于数据库文件系统中的指定文件内容，在某些情况下能对操作系统发布命令。
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="time">
                        2020.03.08<br>19:50<br>结束采集
                    </div>
                    <div class="line">
                        <span class="line1"></span>
                        <span class="circle"></span>
                        <span class="line2"></span>
                    </div>
                    <div class="content">
                        <div>数据采集完成</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
